<template>
    <div class="content">
        <levelbar></levelbar>
        <el-tabs v-model="activeName" slot="form">
            <el-tab-pane label="学生考勤报表" name="second">
                <template v-if="activeName == 'second'">
                    <stuCount/>
                </template>
            </el-tab-pane>
            <el-tab-pane label="教师考勤报表" name="third">
                <template v-if="activeName == 'third'">
                    <tchCount/>
                </template>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import Levelbar from '../layout/Levelbar';
import stuCount from './comps/stuCount';
import tchCount from './comps/tchCount';
export default {    
    name: 'attendanceReport',
    components: {
        Levelbar,
        stuCount,
        tchCount
    },
    data() {
        return {
            activeName: 'second'
        };
    },
    created() {

    },
    methods: {
    }
};
</script>
<style lang="scss" scoped>
.content {
    position: relative;
    padding: 20px 20px 10px;
    $bgcolor:#fff;
    .el-tag{
        margin-left:5px;
        background:#f9f9f9;
        color:#444;
    }
    .formBtn{
        width: 100%;
        height: 70px;
        border-top: 1px solid #dddddd;
        position: relative;
    }
    .btnPosition{
        position: absolute;
        right:0px; 
        top: 18px;
    }
    .btnPosition1{
        font-size:14px !important;
        color:#333;
        line-height:35px;
    }
    .btnPositionLeft{
        position: absolute;
        left:20px; 
        top: 18px;
    }
    .footer{
        text-align:center;
        margin-top:40px;
    }
    .footer .el-button{
        padding:10px 40px;
    }
}
</style>